<template>
    <div v-if="swiperdataApiData.length<=0">
          <van-skeleton title :row="18" />
    </div>
  
    <div v-else>
        <van-swipe :autoplay="3000" lazy-render>
            <van-swipe-item v-for="item in swiperdataApiData" :key="image">
                <img :src="item.image_src" style="width: 100%; height: 200px;"/>
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script setup>
import { ref } from "vue";
import { swiperdataApi } from "@/api/api";
const swiperdataApiData =ref([])
swiperdataApi().then(res=>{
     console.log('轮播图数据',res);
     swiperdataApiData.value=res.data.message
})
</script>

<style lang="scss" scoped></style>